import { defineStore } from "pinia";
import axios from "axios";
import { nanoid } from "nanoid";
import { reactive } from "vue";

// export const uselovetalikStroe = defineStore('talik', {
//     actions: {
//         async getAtalik() {
//             // 发请求
//             //   let result = await axios.get('https://api.uomg.com/api/rand.qinghua?format=json')
//             // 连续解构赋值 + 重命名
//             let { data: { content: title } } = await axios.get('https://api.uomg.com/api/rand.qinghua?format=json')

//             // console.log(result.data.content);
//             // 把请求回来的字符串,包装成一个对象
//             // let obj = { id: nanoid(), title: data.content }
//             let obj = { id: nanoid(), title }

//             // console.log(obj);
//             // 把请求来的数据添加大数组中
//             this.talik.unshift(obj)
//         }
//     },
//     // 真正储存数据的地方
//     state() {
//         return {
//                 talik:JSON.parse(localStorage.getItem('talik') as string) || []
//         }
//     }
// })


//store 组合式写法
export const uselovetalikStroe = defineStore("talik", () => {

    const talik = reactive(
        JSON.parse(localStorage.getItem("talik") as string) || [],
    )
    async function getAtalik() {
        // 发请求
        //   let result = await axios.get('https://api.uomg.com/api/rand.qinghua?format=json')
        // 连续解构赋值 + 重命名
        let { data: { content: title } } = await axios.get("https://api.uomg.com/api/rand.qinghua?format=json");

        // console.log(result.data.content);
        // 把请求回来的字符串,包装成一个对象
        // let obj = { id: nanoid(), title: data.content }
        let obj = { id: nanoid(), title };

        // console.log(obj);
        // 把请求来的数据添加大数组中
        talik.unshift(obj);
    }
    return { talik, getAtalik }
});
